$timeline-content-color:#f0f0f0;

// 避免id selector
.vertical-timeline {
  position: relative;
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em; 

  &:before{
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #f1f1f1; 
  }

  &.light-timeline:before {
    background: #e7eaec; 
  }

  &.vertical-container{
    .vertical-timeline-content{
        background: $timeline-content-color;

        &:before{
          border-right-color: $timeline-content-color
        }
        
        .add-info{
          float:right;
        }
    }
  }
}

@media only screen and (min-width: 1170px) {
  .vertical-timeline.center-orientation {
    margin-top: 3em;
    margin-bottom: 3em; }
  .vertical-timeline.center-orientation:before {
    left: 50%;
    margin-left: -2px; } 
}